<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Project Manager - Template List</title>
    <link rel="stylesheet" type="text/css" href="/prjmanager-frontend/prjmanager/prjmanager.css"/>
    <script type="text/javascript" src="/prjmanager-frontend/prjmanager/prjmanager.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/js/ddaccordion.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.js"></script>

    <link type="text/css" href="/prjmanager-frontend/jgrid/themes/sunny/jquery-ui-1.7.2.custom.css" rel="Stylesheet"/>
    <link type="text/css" href="/prjmanager-frontend/jgrid/css/selectlist.css" rel="Stylesheet"/>
    <link type="text/css" href="/prjmanager-frontend/jgrid/css/ui.multiselect.css" rel="Stylesheet"/>
    <link type="text/css" href="/prjmanager-frontend/jgrid/css/common.css" rel="Stylesheet"/>
    <link type="text/css" href="/prjmanager-frontend/css/style.css" rel="Stylesheet"/>

    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.selectlist.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.selectlist.pack.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.selectlist.min.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.ui.multiselect.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.tmpl.1.1.1.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/jquery.blockUI.js"></script>


    <script type="text/javascript" src="/prjmanager-frontend/dwr/util.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/dwr/engine.js"></script>
    <script type='text/javascript' src='/prjmanager-frontend/dwr/interface/FileUpld.js'></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/ui.formValidator.js"></script>
    <script type="text/javascript" src="/prjmanager-frontend/jgrid/js/ui.core.js"></script>

</head>
<body>
<script type="text/javascript">
    $.extend($.ui.multiselect.locale, {addAll:'Tot',removeAll:'Nimic ',itemsCount:'selectate'});
</script>

<div id="contentPanel">


    <script type="text/javascript">
        function uploadFile(attName) {
            FileUpld.upload(attName, dwr.util.getValue(attName), {callback:doPostUpload,async:false});
        }
        function doPostUpload() {
            return true;
        }

        function downloadFile(id, attName, serviceName) {
            FileUpld.download(id, attName, serviceName, {callback:doPostDownload,async:false});
        }

        function doPostDownload(downloaded) {

            document.getElementById("dialog").innerHTML = "<div id='fileDown'  title='File view'><p><code>" + downloaded + "</code></p></div>";

            //        alert($("#dialog").dialog.('isOpen'));
            $("#fileDown").dialog({
                bgiframe: true,
                height:400,
                width:600,
                modal: true,
                buttons: {
                    Ok: function() {
                        $(this).dialog('close');
                    }
                }
            });

            $("ui-widget-overlay").style = "width:750px";

        }
    </script>
    <div id="imageHeader">
        <table style="padding: 5px; margin: 1px; width: 100%;">
            <tr>

                <td id="pageHeader">ANCPI-eterra</td>

                <td id="loginInfo">


                    Welcome: Viorel Tacliciu
                    | <a href="/prjmanager-frontend/actions/loginout/Logout.action">Logout</a>


                </td>
            </tr>
        </table>
        <div class="urbangreymenu">

            <script type="text/javascript">


                ddaccordion.init({
                    headerclass: "headerbar", //Shared CSS class name of headers group
                    contentclass: "submenu", //Shared CSS class name of contents group
                    revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
                    mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
                    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
                    defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
                    onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
                    animatedefault: false, //Should contents open by default be animated into view?
                    persiststate: true, //persist state of opened contents within browser session?
                    toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
                    togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
                    animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
                    oninit:function(headers, expandedindices) { //custom code to run when headers have initalized
                        //do nothing
                    },
                    onopenclose:function(header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
                        //do nothing
                    }
                });


            </script>

            <h3 class="headerbar"><a href="/prjmanager-frontend">Actiuni</a></h3>
            <ul class="submenu">
                <!-- start submenu Actiuni -->

                <li><a href="/prjmanager-frontend/actions/tableset/TableSet.action?showLoadTable=">Stabilire lista
                    tabele</a></li>
                <li><a href="/prjmanager-frontend/actions/synch/Synch.action?showSynch=">Sincronizare</a></li>
                <li><a href="/prjmanager-frontend/actions/gen/Generate.action?showAdd=">Generare</a></li>
                <li><a href="/prjmanager-frontend/actions/gen/BulkGeneration.action?showAdd=">Generare masiva</a></li>
                <!-- end submenu Actiuni -->
            </ul>

            <h3 class="headerbar"><a href="/prjmanager-frontend">Nomenclatoare</a></h3>
            <ul class="submenu">
                <!-- start submenu Nomenclatoare -->
                <li><a href="/prjmanager-frontend/pages/nomenclators/projects/projects.jsp">Proiecte</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/customcomponents/customcomponents.jsp">Componenete
                    custom</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/groups/groups.jsp">Grupuri</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/componentdetails/componentdetails.jsp">Detalii
                    componenta</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/template/template.jsp">Template</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/databases/databases.jsp">Baze de date</a></li>

                <li><a href="/prjmanager-frontend/pages/nomenclators/dbtype/dbtype.jsp">Tipuri de baze de date</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/schema/schema.jsp">Schema baze de date</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/svn/svn.jsp">SVN</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/projectlayers/projectlayers.jsp">Layere
                    proiecte</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/usersvnproject/usersvnproject.jsp">Asociere useri
                    svn/proiect</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/layers/layers.jsp">Layere</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/dbschema/dbschema.jsp">Asociere scheme/baze de
                    date</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/projectdb/projectdb.jsp">Asociere proiecte baza de
                    date</a></li>
                <li><a href="/prjmanager-frontend/pages/nomenclators/users/users.jsp">Useri</a></li>

                <li><a href="/prjmanager-frontend/pages/nomenclators/genericcomponents/genericcomponents.jsp">Componente
                    generice</a></li>

                <!-- end submenu Nomenclatoare -->
            </ul>


        </div>


    </div>

    <div id="dialog" title="File">

    </div>


    <div id="pageContent">
        <div class="sectionTitle">Template List</div>


        <label for="name">Name:
            <select id="name" name="name">
                <option value="">Select</option>
                <option value="gui-nom">Gui Nomenclatoare</option>
                <option value="menu">Meniu</option>
            </select>
        </label>
        <label for="name4">Click me:
            <input type="button" name="name4" id="name4" onclick="alert('Button is clicked!!!')"/>
        </label>

        <br>
        <script type="text/javascript">
            $("#name").bind('change', function() {
                $("#name").trigger('click');
            });
        </script>


    </div>


</div>

</body>

</html>
